<%@ page contentType="text/html;charset=utf-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>便民服务平台3.0</title>

</head>


<body>
<jsp:include page="../include/header.jsp"/>

<div class="banner-bg">
    <div class="banner-content">
        <div class="banner">
            <ul>
                <%--<li>
                    <img class="lazy" data-original="<%=request.getContextPath()%>/resource/images/small01.jpg">
                    <p class="ellipsis">火车站广场武装巡逻</p>
                </li>
                <li>
                    <img class="lazy" data-original="<%=request.getContextPath()%>/resource/images/small02.jpg">
                    <p class="ellipsis">站前分局交巡警烈日下指挥交通</p>
                </li>--%>
                <%--<li>--%>
                    <%--<img class="lazy" data-original="<%=request.getContextPath()%>/resource/images/small03.jpg">--%>
                    <%--<p class="ellipsis">平安西安 夏季风暴</p>--%>
                <%--</li>--%>
                    <c:forEach var="pic" items="${picList.data.list}" varStatus="index">

                        <li>
                            <a href="<c:url value='/news/hlj-detail'/>?guid=${pic.guid}&newsType=zhyw" target="_blank">
                                <img class="lazy" src="${pic.titlePic}">
                                <p class="ellipsis">${pic.title}</p>
                            </a>
                        </li>
                    </c:forEach>
            </ul>
        </div>
        <!--地图导航start-->
        <a href="<c:url value='/interacts/mapnav'/>" class="c-modules c-map wow slideInRight" data-wow-duration=".4s">
            <i class="c-icon"></i>
            <span class="c-span">地图导航</span>
        </a>
        <!--地图导航end-->
        <!--通知公告start-->
        <div class="c-modules c-notice wow bounceInDown" data-wow-duration=".6s">
            <h4>通知公告</h4>
            <div class="c-notice-box">
                <ul type="box">
                    <c:forEach var="tzgg" items="${tzggList.data.list}" varStatus="index">
                        <li><a href="<c:url value='/news/hlj-detail'/>?guid=${tzgg.guid}&newsType=tzgg" target="_blank">${tzgg.title}</a><span>${tzgg.publicTime}</span></li>
                    </c:forEach>
                        <%--<li><a href="#">1.便民服务平台公告（一）</a><span>2016-9-9</span></li>
                        <li><a href="#">2.便民服务平台公告（二）</a><span>2016-9-9</span></li>
                        <li><a href="#">3.便民服务平台公告（三）</a><span>2016-9-9</span></li>
                        <li><a href="#">4.便民服务平台公告（四）</a><span>2016-9-9</span></li>--%>
                </ul>
            </div>
        </div>
        <!--通知公告end-->
        <!--失物招领start-->
        <a href="<c:url value='/interacts/lostproperty'/>" class="c-modules c-lost wow bounceInUp" data-wow-duration=".4s">
            <i class="c-icon"></i>
            <span class="c-span">失物招领</span>
        </a>
        <!--失物招领end-->
        <!--表单下载start-->
        <a href="<c:url value='/interacts/billresource'/>" class="c-modules c-download wow slideInLeft" data-wow-duration=".4s">
            <i class="c-icon"></i>
            <span class="c-span">表单下载</span>
        </a>
        <!--表单下载end-->
        <!--办件查询start-->
        <a href="<c:url value='/taskbases/to_search'/>" class="c-modules c-query wow slideInLeft" data-wow-duration=".4s">
            <i class="c-icon"></i>
            <span class="c-span">办件查询</span>
        </a>
        <!--办件查询end-->
        <!--其他查询start-->
        <div class="c-modules c-otherQuery wow bounceInUp" data-wow-duration=".6s">
            <dl>
                <dt><a href="#">身份证进度查询</a></dt>
                <dd>ID PROGRESS QUERIES</dd>
            </dl>
            <dl>
                <dt><a href="<c:url value='/querys/names'/>">重名查询</a></dt>
                <dd>NUPTIAL QUERY</dd>
            </dl>
            <dl>
                <dt><a href="#">违法查询</a></dt>
                <dd>ILLEGAL QUERY</dd>
            </dl>
            <dl>
                <dt><a href="#">EMS查询</a></dt>
                <dd>EMS QUERY</dd>
            </dl>
        </div>
        <!--其他查询end-->
        <!--投诉举报start-->
        <a href="<c:url value='/interacts/12389protocol'/>" class="c-modules c-report wow slideInLeft" data-wow-duration=".4s">
            <i class="c-icon"></i>
            <span class="c-span">在线投诉</span>
        </a>
        <!--投诉举报end-->
        <!--便民咨询start-->
        <a href="<c:url value='/handyconsult/consult'/>" class="c-modules c-consult wow slideInLeft" data-wow-duration=".4s">
            <i class="c-icon"></i>
            <span class="c-span">便民咨询</span>
        </a>
        <!--便民咨询end-->
    </div>
</div>
<div class="iwant">
    <div class="iwant-content">
        <div class="container">
            <div class="row">
                <div class="col-xs-3">
                    <a href="<c:url value='/matters/index'/>" class="ido wow bounceInLeft animated">
                        <i></i>
                        <h2>我要办</h2>
                    </a>
                </div>
                <div class="col-xs-3">
                    <a href="<c:url value='/querys/center'/>" class="isearch wow bounceInDown animated">
                        <i></i>
                        <h2>我要查</h2>
                    </a>
                </div>
                <div class="col-xs-3">
                    <a href="<c:url value='/handyconsult/consult'/>" class="iask wow bounceInRight animated">
                        <i></i>
                        <h2>我要问</h2>
                    </a>
                </div>
                <div class="col-xs-3">
                    <a href="<c:url value='/interacts/reportprotocol'/>" class="ireport wow bounceInRight animated">
                        <i></i>
                        <h2>我要报</h2>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="index-main">

    <div class="publicity-box">
        <div class="pb-img">
            <div class="pb-img-inner wow bounceInUp animated"></div>
        </div>
        <dl class="multi-row-box">
            <dt><span>申报事项</span><span>受理时间</span><span>办理状态</span></dt>
            <dd class="multi-scroll">
                <ul type="box">
                    <c:forEach items="${tasks.list}" var="item">
                    <li>
                        <span>${item.matName}</span>
                        <span>${item.startdodate}</span>
                        <span>${item.projectstatusCn}</span>
                    </li>
                    </c:forEach>
                </ul>
            </dd>
        </dl>

    </div>

    <ul class="user-statistics">
        <%--<li><h3 id="user-s1">956</h3>--%>
            <%--<p>在线人数</p></li>--%>
        <%--<li><h3 id="user-s2">541426</h3>--%>
            <%--<p>在线人数</p></li>--%>
        <%--<li><h3 id="user-s3">5487045</h3>--%>
            <%--<p>注册用户量</p></li>--%>
        <%--<li><h3 id="user-s4">54870458</h3>--%>
            <%--<p>总访问量</p></li>--%>
            <li><h3 id="user-s1">${onlineCount}</h3>
                <p>在线人数</p></li>
            <li><h3 id="user-s2">${taskCount}</h3>
                <p>总办件量</p></li>
            <li><h3 id="user-s3">${memberCount}</h3>
                <p>注册用户量</p></li>
            <li><h3 id="user-s4">${totalCount}</h3>
                <p>总访问量</p></li>
    </ul>

</div>

<jsp:include page="../include/footer.jsp"/>
<script src="<c:url value='/resource/js/require.js'/>" data-main="<c:url value='/resource/js/main.js'/>" id="current-page" current-page ="index"></script>

</body>
</html>






